<template>
<div class="page">
    <!-- <div class="text"><h3>{{valueList.name}}</h3></div> -->
     <c-title :hide="false" :text="valueList.name"></c-title>
    
        <van-row>
          <div v-for="(item, index) in List" :key="index">
            <van-col span="8"><img :src="item.thumb" alt="" />
              <p>{{ item.title }}</p>
            <br />

            </van-col>
          </div>
        </van-row>
</div>
</template>

<script>
export default {
  data() {
    return {
        List:[],
        valueList:{},
    };
  },
  activated(){
      this.valueList=this.$route.query.valueList
      this.getList();
      console.log(this.valueList.name)
  },
  methods: {
    getList(){
    $http.post("plugin.store-cashier.frontend.store.store-project.get_goods_list", {
          store_id: 28,
          category_id:this.valueList.id
        })
        .then(response => {
          this.List=response.data.data
          console.log(this.List)
        });
    },
    }
};
</script>

<style scoped lang="scss">
.page{
    img{
        width: 4rem;
        height: 4rem;
    }
}
</style>